@charset "UTF-8";
@import "swiper.css";
@import "../iconfont/iconfont.css";
*{box-sizing: border-box;}
html *{word-wrap:break-word; word-break:break-all; outline: 0 none;}
html,body{
    padding:0; margin:0;
    font: 12px/1.5 tahoma,arial,"Hiragino Sans GB","Microsoft Yahei",宋体,sans-serif;
    color:#3c3c3c; word-break:break-all; word-wrap:break-word; box-sizing: border-box;
}
img{border:0;}
a,button{cursor:pointer;}
ul,li,p,form,dd,dl,dt,h1,h2,h3,h4,h5{padding:0; margin:0; list-style:none;}
a,a:link,a:visited,a:active{color:#3c3c3c; text-decoration:none; cursor:pointer;}
a:hover{text-decoration:none; color:#008FBF;}
div:after,p:after,ul:after,li:after,ol:after,dl:after,dd:after,dt:after,
h1:after,h2:after,h3:after,h4:after,h5:after{
    clear: both; content: "."; display: block; overflow: hidden;
    height: 0; visibility: hidden;font-size:0;
}

/*==Button begin==*/
.button,a.button{
    -moz-user-select: none;
    background-image: none;
    background-clip: padding-box;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 0;
    padding: 0 12px;
    height: 28px;
    line-height: 26px;
    text-align: center;
    touch-action: manipulation;
    vertical-align: middle;
    white-space: nowrap;
    -webkit-appearance: none;
    background-color:#2EA2CC;
    border: 1px #2EA2CC solid;
    color: #fff;
}
.button:hover{background-color:#1e8cbe; border-color:#1e8cbe;  color:#fff;}
.button-cancel,a.button-cancel{background-color: #f5f5f5; color: #333; border: 1px #CCCCCC solid;}
.button-cancel:hover,a.button-cancel:hover{background-color: #f0f0f0; color: #000; border-color: #999;}
/*==Button end==*/

/*==TextField==*/
.input-text,select, .select,textarea,.textarea{
    box-sizing:border-box; resize:none; outline:none; -webkit-shape-outside: none;
    border:1px #CCC solid; border-radius:1px; width:200px; padding:0 5px; font-size:12px;
    height:28px; vertical-align:middle;
}
textarea,.textarea{height: 100px; vertical-align: middle; padding: 5px;}
.input-text:hover,textarea:hover,select:hover{border-color:#0086B6; background-color:#EFFAF7;}
/*==Radio And Checkbox==*/
input[type="checkbox"], input[type="radio"],.checkbox,.radio{
    height:16px; width:16px; line-height: 1; display:inline-block;
    vertical-align:-1px; margin: 0 3px 0 0;
}

.dsx-overlayer{position:fixed; left:0; top:0; right: 0; bottom: 0; z-index:1000; opacity:0.4; background:#000;}
/*===模态框===*/
.dsx-modal{position: fixed; z-index: 1050; display: block; }
.dsx-modal .dialog{
    border-radius: 6px; background-clip: padding-box; position: relative; display: block;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-color: #fff;
}
.dsx-modal .dialog .dialog-header{
    padding: 15px; position: relative;
    border-bottom: 1px #e8e8e8 solid;
}
.dsx-modal .dialog .dialog-header .close{font-size: 22px; color: #ccc; position: absolute; top: 8px; right: 15px; margin-top: -2px;}
.dsx-modal .dialog .dialog-header .close:hover{color: #888;}
.dsx-modal .dialog .dialog-title{font-size: 16px; color: #000; line-height: 1;}
.dsx-modal .dialog .dialog-body{padding: 15px; min-width: 400px;  }
.dsx-modal .dialog .dialog-footer{padding: 15px; border-top: 1px #e8e8e8 solid; text-align: right;}
.dsx-modal .dialog .dialog-footer .button{border-radius: 3px; margin-left: 5px; padding: 0 15px; height: 32px; line-height: 30px;}
/*===提示框===*/
.dsx-message-box{display:block; position:fixed; z-index:99999; border-radius:3px; box-shadow:2px 2px 5px #999;}
.dsx-message-box .message-div{padding:15px 20px; border-radius:3px; color:#fff; white-space:nowrap;}
.dsx-message-box .message-success {background-color:#70B46E;}
.dsx-message-box .message-error {background-color:#FF002D}
.dsx-message-box .message-warning {background-color:#FAA722;}
.dsx-message-box .message-infomation {background-color:#53A9C2;}
.dsx-message-box .message-text{font-size:15px; display:inline;}
.dsx-message-box .message-icon{font-size:18px; width:auto; height:18px; line-height:18px; margin:1px 6px 0 0; float:left; display:inline-block; vertical-align:middle;}
/*======*/
.dsx-confirm-box {width:180px; background:#fefefe; border:#d5d5d5 1px solid; border-radius:3px; box-shadow:0 1px 3px 0 rgba(0,0,0,0.2);}
.dsx-confirm-box dl{clear:both;}
.dsx-confirm-box dl dt{padding:20px 15px 0; font-size:12px; line-height:1.0; margin:0; text-align:center;}
.dsx-confirm-box dl dd{padding:15px; clear:both; text-align:center; margin:0;}
.dsx-confirm-box dl dd .btn{display:inline-block; cursor:pointer; height:22px; line-height:20px; padding:0 10px; border-radius:3px; font-size: 12px;}
.dsx-confirm-box dl dd .btn-yes{background:#80BF1D; color:#fff; border:1px #80BF1D solid;}
.dsx-confirm-box dl dd .btn-yes:hover{background:#64A402; border:1px #64A402 solid;}
.dsx-confirm-box dl dd .btn-no{margin-left:10px; background-color:#fefefe; color:#333; border:1px #E2E2E2 solid;}
.dsx-confirm-box dl dd .btn-no:hover{background-color:#f8f8f8;}

.dsx-tips-box{position:absolute; z-index:500; background-color:#000; border-radius:3px; padding:7px 10px; font-size:10px; line-height:1.0; color:#fff;}
.dsx-tips-arrow{position:absolute; z-index:500; background-image:url(../images/common/arrow-down.png); background-repeat:no-repeat; background-size:100% 100%; width:16px; height:16px; display:block;}

.dsx-loading-box{position:absolute; z-index:9999; background:#fff; border:2px #999 solid; border-radius:20px; padding:10px 20px; font-size:14px; text-align:center;}
.dsx-loading-box .ico{margin-right:5px; vertical-align:-2px; background:url(../images/common/loading16.gif) no-repeat; width:16px; height:16px; display:inline-block;}
.dsx-spinner{
    position:fixed; z-index:1000; width:80px; height:80px; display:block;
    border-radius:10px; background-color:#f5f5f5;
    background-image:url(../images/common/spinner.gif);
    background-repeat:no-repeat; background-size:70% 70%;
    background-position:center center;
}
/*==jQuery UI==*/
.ui-sortable-placeholder {border:2px #0099CC dashed !important; visibility: visible !important; display:block !important; background:none !important;}
/*===分页===*/
.pagination{display:block; padding:0; text-align:right; font-size:12px;}
.pagination a,.pagination span{display:inline-block; margin-left:3px; padding:3px 7px; border:#EDEDED 1px solid; background-color: #fff;}
.pagination span.cur{background-color:#0098CE; color:#fff; border-color:#0098CE;}
.pagination a:hover{border-color:#0098CE; color:#0098CE;}


.w30{width:30px !important; width:30px;}
.w60{width:60px !important; width:30px;}
.w90{width:90px !important; width:90px;}
.w120{width:120px !important; width:120px;}
.w200{width:200px !important; width:200px;}
.w300{width:300px !important; width:300px;}
.w400{width:400px !important; width:400px;}
.w500{width:500px !important; width:500px;}
.width-auto{width: auto;}
.clearfix{clear:both; height:0; line-height:0;}
.blank{height:15px; line-height:15px; clear:both; display:block;}
.blank10{height: 10px; line-height: 10px; clear: both; display: block;}
.float-right{float:right;}
.float-left{float:left;}
.align-left{text-align:left !important;}
.align-center{text-align:center !important;}
.align-right{text-align:right !important;}

/**滑动图片**/
.swiper-div{display:block; overflow:hidden; position:relative;}
.swiper-div .swiper{position:absolute; left:0; top:0; width:100%; height:100%; display:block;}
.swiper-div .swiper .swiper-wrapper{height:100%;}
.swiper-div .swiper .swiper-wrapper .swiper-slide{display:block; overflow:hidden; height:100%;}
.swiper-div .swiper .swiper-wrapper .swiper-slide img{width:100%; height:100%; display:block;}
.swiper-div .swiper-pagination-bullet-active{background-color:#fff;}

/* This is a compiled file, you should be editing the file in the templates directory */
.pace {
    -webkit-pointer-events: none;
    pointer-events: none;

    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;

    position: fixed;
    top: 0;
    left: 0;
    width: 100%;

    -webkit-transform: translate3d(0, -50px, 0);
    -ms-transform: translate3d(0, -50px, 0);
    transform: translate3d(0, -50px, 0);

    -webkit-transition: -webkit-transform .5s ease-out;
    -ms-transition: -webkit-transform .5s ease-out;
    transition: transform .5s ease-out;
}

.pace.pace-active {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.pace .pace-progress {
    display: block;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 100%;
    width: 100%;
    height: 2px;
    background: #22df80;
    pointer-events: none;
}

.bg-cover{
    -webkit-background–size: cover;
    -moz-background–size: cover;
    -o-background–size: cover;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url("../images/common/placeholder.png");
    -ms-behavior: url(../images/common/backgroundsize.min.htc);
    behavior: url(../images/common/backgroundsize.min.htc);
}
.lazyload{}

.top{
    background-color: #F7F7F7; height: 35px; line-height: 34px;
    border-bottom: 1px #CCC solid; font-size: 12px;
}
.top .right{float: right;}
.top .right ul{}
.top .right ul li{float: left;}
.top .right ul li.pipe{color: #e5e5e5; width: 5px; height: 34px; text-align: center;}
.top .right ul li a{padding: 0 10px; color: #6c6c6c; display: inline-block;}
.top .right .iconfont{font-size: 16px; float: left; margin-right: 3px;}
.area{display: block; margin: 0 auto; width: 1180px;}

.sysmessage{background:#fff; clear:both; border:1px #ccc solid; padding:50px 0; margin:50px auto; border-radius:5px;}
.sysmessage h3{text-align:center; font-size:16px; font-weight:bold; text-align:center;}
.sysmessage h3.success{color:#060;}
.sysmessage h3.error{color:#F00;}
.sysmessage h3.infomation, .sysmessage h3.warning{color:#333;}
.sysmessage .tips{text-align:center; font-size:12px; height:30px; line-height:30px; margin-top:20px;}
.sysmessage .links{text-align:center; font-size:14px; height:30px; line-height:30px; margin-top:20px;}
.sysmessage .links a{margin:0 3px;}

#footer{clear:both; padding:10px 0 30px; margin-top:30px; color:#333;}
#footer .bottomNav{text-align:center; color:#f0f0f0;}
#footer .bottomNav a{color:#333; margin:0 3px;}
#footer .copyright{color:#999; text-align:center; line-height:30px;}